<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="style/fjol_style.css"/>
	</head>
<style>
	.fixed{
		position: fixed;
		z-index: 999;
		left: 0; right: 0;
	}
	.noneBorder{
		border: none !important;
	}
	.white{
		color: white !important;
	}
	.home-sell-icon{
		background: url(imageNew/icon_public_sell@2x.png) no-repeat white;
		width: 50px; height: 50px;
		display: inline-block;
		background-size: contain;
		border-radius: 100%;
	}
	.home-rent-icon{
		background: url(imageNew/icon_public_rent@2x.png) no-repeat white;
		width: 50px; height: 50px;
		display: inline-block;
		background-size: contain;
		border-radius: 100%;
	}
	.home-life-icon{
		background: url(imageNew/icon_tabbar_public_life@2x.png) no-repeat white;
		width: 50px; height: 50px;
		display: inline-block;
		background-size: contain;
		border-radius: 100%;
	}
</style>
	<body>
		<div class="mui-text-center fixed" style="bottom: 10px;">
			<img src="imageNew/icon_tabbar_public_add@2x.png" width="56"/>
		</div>	
		<div class="fixed" style="bottom: 100px;">
			<ul class="mui-table-view mui-grid-view mui-grid-9 noneBorder" style="background: none;">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 noneBorder">
			    <a href="#" class="" id="houseSell">
			        <span class="mui-icon home-sell-icon"></span>
			        <div class="mui-media-body white">房屋出售</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 noneBorder">
			    <a href="#" id="houseRent">
			        <span class="mui-icon home-rent-icon"><span class="mui-badge mui-badge-red">5</span></span>
			        <div class="mui-media-body white">房屋出租</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 noneBorder">
			    <a href="#" id="houseLift">
			        <span class="mui-icon home-life-icon"></span>
			        <div class="mui-media-body white">生活</div>
			    </a>
			</li>
			    </ul>
			
		</div>
		<div class="mui-backdrop">
			
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/xzx.open.js"></script>
		<script type="text/javascript">
			mui.init()
			document.querySelector('#houseSell').addEventListener('tap',function(){
				openWindowWithPage();
			});
			document.querySelector('#houseRent').addEventListener('tap',function(){
				openWindowWithPage();
			});
			document.querySelector('#houseLift').addEventListener('tap',function(){
				openWindowWithPage();
			});
		</script>
	</body>

</html>